Root Layout
<html> や <body> を含む、最上位の Layout
code:tsx
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="ja">
<body>
<div className={styles.container}>
<Header />
</div>
<div className={styles.content}>
<Nav />
<main className={styles.main}>
{children}
</main>
</div>
<Footer />
</body>
</html>
);
}